
/* 主体 */
main {
  padding-top: 400px;
}
.category-title-name {
  margin-top: 30px;
  border-bottom: 2px solid var(--txtcl);
  padding-bottom: 5px;
  overflow: hidden;
}
.category-title-name h3 {
  font-size: 18px;
  font-weight: normal; /*去掉加粗,改为常规显示*/
  color: var(--txtcl);
  margin-right: 36px;
}
.category-small li {
  float: left;
  margin-right: 30px;
  position: relative;
  top: 7px;
}
.category-small li:hover a,
.more:hover a {
  color: #999;
}
.more {
  margin-right: 10px;
}
.goods-list {
  display: flex; /*弹性布局*/
  justify-content: space-between; /*平均分布*/
  margin-top: 10px;
}
.goods-list .goods-item {
  width: 224px;
  height: 288px;
  background-color: #f7f7f7;
  text-align: center;
  display: inline-block;
}
.goods-list1 .goods-item:hover h3,
.goods-list .goods-item:hover h3 {
  color: #999;
  /* 如果文字掉行处理方法1： */
  /* 省略号 */
  text-overflow: ellipsis;
  width: 180px;
  /* 文字不允许换行 */
  white-space: nowrap;
  margin: 0 auto;
  overflow: hidden;
}
.goods-list .goods-item img,
.goods-list1 .goods-item img {
  width: 140px;
  height: 142px;
  margin-top: 54px;
}
.goods-list .goods-item h3,
.goods-list1 .goods-item h3 {
  font-size: 16px;
  font-weight: normal;
}
.price {
  font-size: 14px;
  color: var(--txtcl);

  line-height: 40px;
}
#hidden-item {
  visibility: visible;
}
.goods-list1 {
  margin-top: 20px;
  display: flex;
  /* overflow: hidden; */
}
.goods-list1 .goods-item {
  width: 224px;
  height: 288px;
  /* background-color: #f7f7f7; */
  text-align: center;
  float: left;
  background-color: #f7f7f7;
  margin-right: 20px;
}

/*侧边栏*/
aside a{
  width: 100%;
  display: block;
}
aside{
  width: 65px;
  background-color: #fff;
  /* 固定定位:相对于文档定位
  会脱离文档流 */
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -108px 0 0 -675px;
  text-align: center;
  color: #333;
  font-size: 12px;
  display: none;
}
aside li,aside .to-top{
    line-height: 35px;
}
aside li{
    border-bottom: 1px solid #ccc;
}
/* 盒子的宽高=width/height+padding+boeder*/
.to-top{
    font-size: 14px;
}
.to-top:hover a{
    color: #999;
}
.active{
  background-color: var(--txtcl);
}
.active a{
  color:#fff;
}